﻿@namespace MudBlazor.Docs.Examples

<MudTimeline>
    <MudTimelineItem Color="Color.Dark" Elevation="25" TimelineAlign="TimelineAlign.End" Style="width: 100%;">
        <MudChat ChatPosition="ChatBubblePosition.Start">
            <MudChatHeader Name="Obi-Wan Kenobi" Time="12:45" />
            <MudAvatar>
                <MudImage Src="images/jonny.jpg"/>
            </MudAvatar>
            <MudChatBubble>You were the Chosen One!</MudChatBubble>
            <MudChatFooter Text="Delivered" />
        </MudChat>
    </MudTimelineItem>
    <MudTimelineItem Color="Color.Primary" Elevation="25" TimelineAlign="TimelineAlign.Start">
        <MudChat ChatPosition="ChatBubblePosition.End">
            <MudChatHeader Name="Anakin" Time="12:46" />
            <MudAvatar>
                <MudImage Src="images/toiletvisit.jpg"/>
            </MudAvatar>
            <MudChatBubble>I hate you!</MudChatBubble>
            <MudChatFooter Text="Seen at 12:46" />
        </MudChat>
    </MudTimelineItem>
</MudTimeline>
